.margin-top-8 {
  margin-top: 8px;
}

.margin-top-16 {
  margin-top: 10px;
}

.margin-top-32 {
  margin-top: 32px;
}

.margin-left-16 {
  margin-left: 16px;
}

.margin-left-48 {
  margin-left: 48px;
}
.screen-title-01 {
  color: #c4cce3;
  font-size: 22px;
  line-height: 54px;
}

.screen-title-02 {
  color: #c4cce3;
  font-size: 24px;
  line-height: 56px;
}

.screen-data-title {
    background: url("/static/images/screen/bg_title.png");
    width: 248px;
    height: 64px;
    font-size: 24px;
    line-height: 64px;
    text-align: center;
    color: #c4cce3;
}
.screen-data-number {
    float: left;
    background: url("/static/images/screen/bg_num.png");
    width: 96px;
    height: 128px;
    font-size: 96px;
    text-align: center;
    line-height: 128px;
}

.screen-postgraduate-color {
  color: #67c23a;
}

.screen-undergraduate-color {
  color: #48b3eb;
}

.screen-rate-color {
  color: #ffbc3e;
}

.screen-green-color {
  color: #13c2c2;
}

.screen-student-val {
  font-size: 40px;
  text-align: center;
  height: 72px;
  line-height: 72px;
  background-position: center;
  background-repeat: no-repeat;
}

.screen-student-sum-val {
  @extend .screen-student-val;
  background: url("/static/images/screen/bg_num2.png");
  width: 168px;
}

.screen-student-green-val {
  @extend .screen-student-val;
  background: url("/static/images/screen/bg_num4green.png");
  width: 168px;
}

.screen-student-rate-val {
  @extend .screen-student-val;
  background: url("/static/images/screen/bg_num3.png");
  width: 184px;
}

.screen-chart {
  background: url("/static/images/screen/bg_chart.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 872px;
  height: 224px;
}

.screen-collage-table-container {
  margin-top: 16px;
  background: url("/static/images/screen/bg_chart02.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 872px;
  height: 834px;

  .header-line {
    background: url("/static/images/screen/line_chart02.png");
    background-position: center;
    background-repeat: no-repeat;
    width: 824px;
    height: 4px;
  }

  table{
    margin-left: 24px;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0px;


    th {
      padding: 0px;
      font-size: 18px;
      color: #48b3eb;
    }

    td {
      padding: 0px;
      font-size: 22px;
      color:#c4cce3;
    }
  }
}

.undergraduate-progress {

  .el-progress-bar__outer {
    background-color: #10264d;
  }

  .el-progress-bar__inner {
    background: linear-gradient(90deg, #1368c5, #31bce5);
  }
}

.postgraduate-progress{
  .el-progress-bar__outer {
    background-color: #10264d;
  }
  .el-progress-bar__inner {
    background: linear-gradient(90deg, #04b64f, #67c23a);
  }
}
